<template>
	<view>
		<view class="box">
			<view class="list">
				<p>
					银行名称：
				</p>
				<input type="text" placeholder="银行" >
			</view>
			
			<view class="list">
				<p>
					姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：
				</p>
				<input type="text" placeholder="请输入姓名" >
			</view>
			
			<view class="list">
				<p>
					银行卡号：
				</p>
				<input type="text" placeholder="请输入银行卡号" >
			</view>
			
			<view class="list">
				<p>
					开&nbsp;户&nbsp;行：
				</p>
				<input type="text" placeholder="请输入开户行" >
			</view>
			<br>
			<br>
			<br>
			<button>保存</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.box>button{
		color: #fff;
		font-size: 18px;
		width: 90%;
		margin: 0 auto;
		height: 50px;
		font-weight: 600;
		background: #1890FF;
		box-shadow: 0px 0px 4px 0px rgba(204,204,204,0.5);
		border-radius: 25px;
	}
	.list{
		height: 50px;
		line-height: 50px;
		display: flex;
		align-items:center;
	}
	.list>p{
		width:100px;
		font-size: 18px;
		font-weight: 500;
	}
	.list>input{
		width: 80%;
		line-height: 50px;
		height: 50px;
		border-bottom: 1px solid #EEEEEE;
	}
.box{
	overflow: hidden;
	padding-top: 20px;
	width: 90%;
	margin: 0 auto;
}
</style>
